<template>
	<div v-show="showPage">
		<div style="border-bottom: 1px solid #ddd;">
			<h3>运行设备</h3>
		</div>
		<el-row>
			<el-col :span="6">
	
			</el-col>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-monitor" style="font-size: 150px;"></i>
					<div><el-radio v-model="device"  label="pc">电脑版</el-radio></div>
				</div>
				
			</el-col>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-mobile-phone" style="font-size: 150px;"></i>
					<div><el-radio v-model="device"  label="mobile">手机端</el-radio></div>
				</div>
				
			</el-col>
			<el-col :span="6">
				
			</el-col>
		</el-row>
		
	</div>
	
</template>

<script>
	export default {
		name: "DeviceSelectPage",
		props: ["scope"],
		data() {
			return {
				device:"pc",
				showPage:false,
			}
		},
		methods: {
			setVisible(visible){
				this.showPage=visible;
			},getReturnData(){
				return {"device":this.device};
			},getPreviousPage(){
				return "moduleTypeSelectPage";
			},getNextPage(){
				return "pageTypeSelectPage";
			},isCompletedPage(){
				return false;
			}
		},
	}
</script>

<style>
</style>
